/**
* I think element-ui's default theme color is too light for long-term use.
* So I modified the default color and you can modify it to your liking.
**/

/* theme color */
$--color-primary: #1890ff;
$--color-success: #13ce66;
$--color-warning: #ffba00;
$--color-danger: #ff4949;
// $--color-info: #1E1E1E;
$--button-danger: #f5f3f3;
$--button-danger-hover: #f84e4e;
$--button-danger-active: #f38888;
$--button-danger-disable: #f58383;
$--button-danger-background: #ff0303;

$--button-primary: #fff;
$--button-primary-hover: #6d2af6;
$--button-primary-active: #7130f8;
$--button-primary-disable: #2d0264;
$--button-primary-background: #5706fa;

$--button-default: #fff;
$--button-default-hover: #0371f6;
$--button-default-active: #3991f6;
$--button-default-disable: #012c5d;
$--button-default-background: #03e4f8;

$--button-info: #fff;
$--button-info-hover: #5cddf8;
$--button-info-active: #2dd7f6;
$--button-info-disable: #025e79;
$--button-info-background: #04ddf8;

$--button-success: #fff;
$--button-success-hover: #69f63a;
$--button-success-active: #53f81f;
$--button-success-disable: #abfc93;
$--button-success-background: #3ff804;

$--button-warning: #fff;
$--button-warning-hover: #efd37f;
$--button-warning-active: #fccb41;
$--button-warning-disable: #fae181;
$--button-warning-background: #fab605;

$--button-text: #2062f8;
$--button-text-hover: #0769fa;
$--button-text-active: #0f61d5;
$--button-text-disable: rgba(104, 95, 243, 0.72);
//$--button-text-background-color: #ecf8f7;

//$--button-primary: #1890ff;

$--button-font-weight: 400;

// $--color-text-regular: #1f2d3d;

$--border-color-light: #dfe4ed;
$--border-color-lighter: #e6ebf5;

$--table-border: 1px solid #dfe6ec;

/* icon font path, required */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

@import "~element-ui/packages/theme-chalk/src/index";

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  theme: $--color-primary;
}
